<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>分支结构</title>
	</head>
	<body>
		<div id="app">
			<!-- 分支结构
			 语法：
			 1.v-if 若果为真展示标签
			 案列：
			 要求：按照用户考试成绩 评级
			 >=90分 优秀
			 >=80分 良好
			 >=70分 中等
			 >=60分 及格
			 否则   不及格
			 -->
			 <h3>评级</h3>
			 请录入分数：<input v-model="score" type="number"  />
			 <div v-if="score>=90">优秀</div>
			 <div v-else-if="score>=80">良好</div>
			 <div v-else-if="score>=70">中等</div>
			 <div v-else-if="score>=60">及格</div>
			 <div v-else-if="score<60||score>0">不及格</div>
			 <div v-else-if="score<=0">缺考</div>
			 
			 	
			 
			
		</div>
		<script src="../js/vue.js"></script>
		<script>
		const APP=new Vue({
			el: "#app",
			data: {
				score: 0,
				
			},
			
		})
			
		</script>
	</body>
</html>
